<!DOCTYPE html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>全国城市三级联动</title>
	<style type="text/css">
		body {
			background: #EEEEEE;
			margin: 0;
			padding: 0;
			font-family: "微软雅黑", Arial, Helvetica, sans-serif;
		}

		a {
			color: #006600;
			text-decoration: none;
		}

		a:hover {
			color: #990000;
		}

		.top {
			margin: 5px auto;
			color: #990000;
			text-align: center;
		}

		.info select {
			border: 1px #993300 solid;
			background: #FFFFFF;
		}

		.info {
			margin: 5px;
			text-align: center;
		}

		.info #show {
			color: #3399FF;
		}

		.bottom {
			text-align: right;
			font-size: 12px;
			color: #CCCCCC;
			width: 1000px;
		}
	</style>

</head>

<body>

	<div class="top">

		<h1>全国城市三级联动</h1>

	</div>

	<div class="info">

		<div>

			<select id="s_province" name="s_province"></select>  

			<select id="s_city" name="s_city"></select>  

			<select id="s_county" name="s_county"></select>
		</div>
	</div>
</body>
<script class="resources library" src="area.js" type="text/javascript"></script>
<script type="text/javascript">_init_area();</script>

</html>